<template>
  <div>
    <p>111111</p>
    <a-divider :size="5" />
    <p>22222</p>
    <a-divider type="dashed" />
    <p>33333</p>
    <a-divider type="dotted" />
    <p>44444</p>
    <a-divider orientation="left">Text</a-divider>
    <p>55555</p>
    <a-divider orientation="center">Text</a-divider>
    <p>66666</p>
    <a-divider orientation="right">Text</a-divider>
    <a-divider :margin="10" />

    <span>Item 1</span>
    <a-divider direction="vertical" />
    <span>Item 2</span>
    <a-divider direction="vertical" />
    <span>Item 3</span>

    <a-icon icon="pen" />
    <a-icon icon="pen" :size="24" color="red" />
    <a-icon icon="pen" :rotate="180" />
    <a-icon icon="pen" spin />
  </div>
</template>

<script setup lang="ts">
// import ADivider from '@atomize-ui/components/divider'
// import AIcon from '@atomize-ui/components/icon'
</script>

<style scoped></style>
